<template>
  <view class="flex-col page">
    <view class="flex-col section_1">
      <view class="flex-col section_2">
        <view class="justify-center group">
          <text class="text">开票金额说明</text>
          <image
            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557837713117107698.png"
            class="image" @click="Back()"
          />
        </view>
        <text class="text_1">·开票金额为消费者实付金额。 ·现展示为订单预计开票金额，最终金额以发票实际开具为准</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },
    methods: {
		Back(){
			//uni.navigateBack()//默认delta:1
			uni.navigateBack({
				delta:1,//返回层数，2则上上页
			})
		},
		
	},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .section_1 {
    padding-top: 610px;
    background-color: #00000080;
  }
  .section_2 {
    padding: 14px 12px 36.5px;
    background-color: #ffffff;
    border-radius: 12px 12px 0px 0px;
  }
  .group {
    padding-bottom: 3px;
    position: relative;
  }
  .text_1 {
    margin-top: 27px;
    color: #999999;
    font-size: 14px;
    font-family: '.AppleSystemUIFont';
    line-height: 16.5px;
    text-align: left;
  }
  .text {
    color: #333333;
    font-size: 18px;
    font-family: '.AppleSystemUIFont';
    line-height: 21.5px;
  }
  .image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
  }
</style>